<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="app clearfix">
        <h3>妆美人</h3>
        <div class="banner">
            <div class="image">
                <img src="./imgs/5.png" alt="">
                <!-- 资源的命名不能使用中文或者中文路径 特殊符号 -->
                <!-- <img src="./imgs/图片1.png" alt=""> -->
            </div>
            <ul>
                <li class="con"></li>
                <li></li>
                <li></li>
            </ul>
        </div>

        <div class="lists clearfix">
            <div class="listimg">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
            <div class="listimg">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
            <div class="listimg">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
            <div class="listimg">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>

        </div>

        <div class="items">
            <div class="iteming">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
            <div class="iteming">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
            <div class="iteming">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
            <div class="iteming">
                <img src="./imgs/7.png" alt="">
                <p>订单管理</p>
            </div>
        </div>

        <div class="pic">
            <img src="./imgs/55.png" alt="">
        </div>

        <div class="hot">
            <div class="hotted">
                <h2 class="title">热门商店</h2>
                <span>HOT</span>
            </div>

            <div class="box">
                <div class="left">
                    <img src="./imgs/10.png" alt="">
                </div>
                <div class="right">
                    <div class="prev">
                        <img src="./imgs/11.png" alt="">
                    </div>
                    <div class="next">
                        <img src="./imgs/12.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="guess">
            <div class="guessed">
                <h2>请你喜欢</h2>
                <span>GUESS</span>
            </div>

            <div class="miss">
                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

            </div>

            <div class="miss">
                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

            </div>

            <div class="miss">
                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

            </div>

            <div class="miss">
                <div class="small">
                    <div class="img">
                        <img src="./imgs/9.png" alt="">
                    </div>
                    <h3 class="kiss">BOSS Hugo 博士男士/女士香水持久香氛 自信30ml</h3>

                    <p>

                        ￥289.00元
                    </p>
                </div>

            </div>

        </div>

        <div class="footer">
            <img src="./imgs/111.png" alt="">
        </div>

    </div>
</body>

</html>